﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>标签页</title>
    <link href="jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
</head>
<body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">操作系统</a></li>
            <li><a href="#tabs-2">数据库</a></li>
            <li><a href="#tabs-3">编程语言</a></li>
        </ul>
        <div id="tabs-1">
            <ul>
                <li>Windows</li>
                <li>Linux</li>
                <li>Unix</li>
            </ul>
        </div>
        <div id="tabs-2">
            <ul>
                <li>SQL Server</li>
                <li>Oracle</li>
                <li>MySQL</li>
            </ul>
        </div>
        <div id="tabs-3">
            <ul>
                <li>C++</li>
                <li>C#</li>
                <li>Java</li>
                <li>JavaScript</li>
                <li>Python</li>
            </ul>
        </div>
    </div>

    <script src="scripts/jquery-1.11.0.min.js"></script>
    <script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#tabs").tabs();
        });
    </script>

</body>
</html>
